iT邦幫忙

2023 iThome 鐵人賽

DAY 17
0
自我挑戰組

一天學一篇 Google Codelabs系列 第 17

112/17 - 版面配置、主題設定和動畫 - Lazy 版面配置

  • 分享至 

  • xImage
  •  

今天學什麼?

今天閱讀「適用於 Android 開發人員的 Jetpack Compose」第二章「版面配置、主題設定和動畫」的「Lazy 版面配置

學習筆記

  1. 使用 Lazy 會比傳統的 RecyclerView 少很多程式碼
  2. 使用itemIndexed來當多佈局使用
  3. 使用rememberLazyListState來記住狀態
  4. 如果要使用共常式,可以用`rememberCoroutineScope
  5. 使用GridCells.Fixed(3)來當new GridLayoutManager(context, 3)
  6. 使用GridCells.Adaptive(128.dp)取代上面的GridCells.Fixed(3)來自適應寬度
  7. 使用modifier = Modifier.animateItemPlacement來增加動畫
  8. 不要使用 0 Pixel,因為一開始會測量需要多少個項目來填滿畫面,如是是 0 Pixel 的話,就會載入全部的項目,所以要設定預設值
    1. Compose 不允許上下滑動內鑲上下滑動,例如在 ScrollView 內放 RecyclerView

上一篇
112/16 - 版面配置、主題設定和動畫 - Material Design 系統
下一篇
112/18 - 版面配置、主題設定和動畫 - 使用 Material Design 3 建立應用程式主題
系列文
一天學一篇 Google Codelabs30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言